<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的校园帮</title>  
    <link rel="stylesheet" href="../libs/mui/mui.css" />
	<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/main.css"/>	
	<style>				
		/*图片*/
		.mui-content{font-size: 16px;}	
		.mui-table-view{border-bottom: 1px solid #eee;}	
		.mui-table-view-cell>a:not(.mui-btn){white-space:normal}
		.mui-table-view .mui-media-object {line-height: 47px;max-width: 70px;height: 70px;border-radius: 100px;}
		.mui-media-body h5 span:nth-child(1){color: black;float: left;}
		.mui-media-body h5 span:nth-child(2){float: right;color: red;font-size: 20px;font-weight: 700;}
		.mui-media-body p{display: inline-block;margin-top: 10px;width: 100%;}
		/*一级*/
		#segmentedControl a{line-height: 30px;}
		.mui-bar .mui-segmented-control{width: 50%;top: 6px;}
		.mui-segmented-control .mui-control-item.mui-active{color: #338efc;background: white;border: none;}
		/*二级*/		
		#whit{background: white;}
		.mui-segmented-control {background-color: #338efc;border: 1px solid white;}
		.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #338efc;border-bottom: 1px solid #338efc!important;}
		.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar {background-color: #338efc;}						
	</style>
</head>
<body>	
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>	
    	<div id="segmentedControl" class="mui-segmented-control">
			<a class="mui-control-item mui-active" href="#item1">我的发布</a>
			<a class="mui-control-item" href="#item2">我的接单</a>
		</div>
	</header>	
	<div class="mui-content">
		<div id="item1" class="mui-control-content mui-active">
			<div id="scroll" class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<div id="slider" class="mui-slider">
						<div id="whit" id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
							<a class="mui-control-item mui-active" href="#item1mobile">待接单</a>
							<a class="mui-control-item" href="#item2mobile">进行中</a>
							<a class="mui-control-item" href="#item3mobile">已完成</a>
							<a class="mui-control-item" href="#item4mobile">已取消</a>
						</div>						
						<div class="mui-slider-group">
							<div id="item1mobile" class="mui-slider-item mui-control-content mui-active bobo">
								<div id="scroll1" class="mui-scroll-wrapper">
									<div class="mui-scroll">
										<!--<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<a onclick="openNewPage('Campus_order.html')">
													<img class="mui-media-object mui-pull-left" src="../doc/2.jpg">
													<div class="mui-media-body">
														<b>杨洋</b>
														<h5>
															<span>主题：下午化学课帮忙喊到</span>
															<span><map class="mui-h5 red">￥</map>15</span>												
														</h5>
														<p>
															<span>服务时间：11-17 11:20</span>												
															<span class="mui-pull-right">删除</span>
														</p>
													</div>
												</a>
											</li>
										</ul>	
										<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<a onclick="openNewPage('Campus_order.html')">
													<img class="mui-media-object mui-pull-left" src="../doc/2.jpg">
													<div class="mui-media-body">
														<b>杨洋</b>
														<h5>
															<span>主题：下午化学课帮忙喊到</span>
															<span><map class="mui-h5 red">￥</map>15</span>												
														</h5>
														<p>
															<span>服务时间：11-17 11:20</span>												
															<span class="mui-pull-right">删除</span>
														</p>
													</div>
												</a>
											</li>
										</ul>-->
									</div>
								</div>
							</div>
							<div id="item2mobile" class="mui-slider-item mui-control-content">
								<div id="scroll2" class="mui-scroll-wrapper">
									<div class="mui-scroll">
										<!--<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<a onclick="openNewPage('Campus_ongoing.html')">
													<img class="mui-media-object mui-pull-left" src="../doc/1.jpg">
													<div class="mui-media-body">
														<b>接单人：小晰宝</b>
														<h5>
															<span>主题：下午化学课帮忙喊到</span>
															<span><map class="mui-h5 red">￥</map>15</span>												
														</h5>
														<p><span>服务时间：11-17 11:20</span></p>
													</div>
												</a>
											</li>
										</ul>	
										<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<a onclick="openNewPage('Campus_ongoing.html')">
													<img class="mui-media-object mui-pull-left" src="../doc/1.jpg">
													<div class="mui-media-body">
														<b>接单人：小晰宝</b>
														<h5>
															<span>主题：下午化学课帮忙喊到</span>
															<span><map class="mui-h5 red">￥</map>15</span>												
														</h5>
														<p><span>服务时间：11-17 11:20</span></p>
													</div>
												</a>
											</li>
										</ul>-->
									</div>
								</div>
							</div>
							<div id="item3mobile" class="mui-slider-item mui-control-content">
								<div id="scroll3" class="mui-scroll-wrapper">
									<div class="mui-scroll">
										<!--<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<a onclick="openNewPage('Campus_off.html')">
													<img class="mui-media-object mui-pull-left" src="../doc/1.jpg">
													<div class="mui-media-body">
														<b>接单人：小晰宝</b>
														<h5>
															<span>主题：下午化学课帮忙喊到</span>
															<span><map class="mui-h5 red">￥</map>15</span>												
														</h5>
														<p>
															<span>服务时间：11-17 11:20</span>												
															<span class="mui-pull-right">删除</span>
														</p>
													</div>
												</a>
											</li>
										</ul>
										<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<a onclick="openNewPage('Campus_off.html')">
													<img class="mui-media-object mui-pull-left" src="../doc/1.jpg">
													<div class="mui-media-body">
														<b>接单人：小晰宝</b>
														<h5>
															<span>主题：下午化学课帮忙喊到</span>
															<span><map class="mui-h5 red">￥</map>15</span>												
														</h5>
														<p>
															<span>服务时间：11-17 11:20</span>												
															<span class="mui-pull-right">删除</span>
														</p>
													</div>
												</a>
											</li>
										</ul>-->
									</div>
								</div>
							</div>
							<div id="item4mobile" class="mui-slider-item mui-control-content">
								<div id="scroll4" class="mui-scroll-wrapper">
									<div class="mui-scroll">
										<!--<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<a onclick="openNewPage('Campus_no.html')">
													<img class="mui-media-object mui-pull-left" src="../doc/1.jpg">
													<div class="mui-media-body">
														<b>接单人：小晰宝</b>
														<h5>
															<span>主题：下午化学课帮忙喊到</span>
															<span><map class="mui-h5 red">￥</map>15</span>												
														</h5>
														<p>
															<span>服务时间：11-17 11:20</span>												
															<span class="mui-pull-right">删除</span>
														</p>
													</div>
												</a>
											</li>
										</ul>
										<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<a onclick="openNewPage('Campus_no.html')">
													<img class="mui-media-object mui-pull-left" src="../doc/1.jpg">
													<div class="mui-media-body">
														<b>接单人：小晰宝</b>
														<h5>
															<span>主题：下午化学课帮忙喊到</span>
															<span><map class="mui-h5 red">￥</map>15</span>												
														</h5>
														<p>
															<span>服务时间：11-17 11:20</span>												
															<span class="mui-pull-right">删除</span>
														</p>
													</div>
												</a>
											</li>
										</ul>-->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="item2" class="mui-control-content">
			<div id="slider" class="mui-slider">
				<div id="whit" id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item5mobile">进行中</a>
					<a class="mui-control-item" href="#item6mobile">已完成</a>
					<a class="mui-control-item" href="#item7mobile">已取消</a>
				</div>				
				<div class="mui-slider-group">
					<div id="item5mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll5" class="mui-scroll-wrapper">
							<div class="mui-scroll">								
								<!--<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a onclick="openNewPage('Campus_goods_no.html')">
											<img class="mui-media-object mui-pull-left" src="../doc/2.jpg">
											<div class="mui-media-body">
												<b>杨洋</b>
												<h5>
													<span>主题：下午化学课帮忙喊到</span>
													<span><map class="mui-h5 red">￥</map>15</span>												
												</h5>
												<p><span>服务时间：11-17 11:20</span></p>
											</div>
										</a>
									</li>
								</ul>	
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a onclick="openNewPage('Campus_goods_no.html')">
											<img class="mui-media-object mui-pull-left" src="../doc/2.jpg">
											<div class="mui-media-body">
												<b>杨洋</b>
												<h5>
													<span>主题：下午化学课帮忙喊到</span>
													<span><map class="mui-h5 red">￥</map>15</span>												
												</h5>
												<p><span>服务时间：11-17 11:20</span></p>
											</div>
										</a>
									</li>
								</ul>-->
							</div>
						</div>
					</div>
					<div id="item6mobile" class="mui-slider-item mui-control-content">
						<div id="scroll6" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<!--<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a onclick="openNewPage('Campus_off.html')">
											<img class="mui-media-object mui-pull-left" src="../doc/2.jpg">
											<div class="mui-media-body">
												<b>杨洋</b>
												<h5>
													<span>主题：下午化学课帮忙喊到</span>
													<span><map class="mui-h5 red">￥</map>15</span>												
												</h5>
												<p>
													<span>服务时间：11-17 11:20</span>												
													<span class="mui-pull-right">删除</span>
												</p>
											</div>
										</a>
									</li>
								</ul>	
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a onclick="openNewPage('Campus_off.html')">
											<img class="mui-media-object mui-pull-left" src="../doc/2.jpg">
											<div class="mui-media-body">
												<b>杨洋</b>
												<h5>
													<span>主题：下午化学课帮忙喊到</span>
													<span><map class="mui-h5 red">￥</map>15</span>												
												</h5>
												<p>
													<span>服务时间：11-17 11:20</span>												
													<span class="mui-pull-right">删除</span>
												</p>
											</div>
										</a>
									</li>
								</ul>-->
							</div>
						</div>
					</div>
					<div id="item7mobile" class="mui-slider-item mui-control-content">
						<div id="scroll7" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<!--<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a onclick="openNewPage('Campus_no.html')">
											<img class="mui-media-object mui-pull-left" src="../doc/2.jpg">
											<div class="mui-media-body">
												<b>杨洋</b>
												<h5>
													<span>主题：下午化学课帮忙喊到</span>
													<span><map class="mui-h5 red">￥</map>15</span>												
												</h5>
												<p>
													<span>服务时间：11-17 11:20</span>												
													<span class="mui-pull-right">删除</span>
												</p>
											</div>
										</a>
									</li>
								</ul>	
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a onclick="openNewPage('Campus_no.html')">
											<img class="mui-media-object mui-pull-left" src="../doc/2.jpg">
											<div class="mui-media-body">
												<b>杨洋</b>
												<h5>
													<span>主题：下午化学课帮忙喊到</span>
													<span><map class="mui-h5 red">￥</map>15</span>												
												</h5>
												<p>
													<span>服务时间：11-17 11:20</span>												
													<span class="mui-pull-right">删除</span>
												</p>
											</div>
										</a>
									</li>
								</ul>-->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>		
</body>
<script type="text/javascript" src="../js/mui.min.js"></script>
<script type="text/javascript" src="../libs/jquery/jquery.js"></script>
<script type="text/javascript" src="../js/function.js"></script>
<script type="text/javascript" src="../js/open.js"></script>
<script type="text/javascript" src="../js/web_js/public.js"></script>
<script type="text/javascript" src="../js/web_js/personal_campus.js"></script>
<script>
	mui.init({
		swipeBack: false
	});
	(function($) {
		$('.mui-scroll-wrapper').scroll({
			indicators: true //是否显示滚动条
		});
	})(mui);
	//高度自适应	
	$(document).ready(function(){		
		$(".mui-control-content").css({ "color": "black", "min-height": (document.documentElement.clientHeight-44)+"px" });	
		$(".bobo").css({ "color": "black", "min-height": (document.documentElement.clientHeight-82)+"px" });
	})
</script>
</html>